<div class="blade-content " id="blade-content">

  <div class="blade-static">
    <div class="form-group">
      <div class="form-input __search">
        <input id="searchBox" name="searchBox" placeholder="请输入报警名称..." #searchBox (keyup)="onSearchFaultName(sreachValue)" [(ngModel)]="sreachValue" type="text">
      </div>

    </div>
  </div>
  <div class="blade-content " id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <div class="table-wrapper">
        <table class="table">
          <thead>
            <tr>
              <th class="table-col">
                <label class="form-control __checkbox">
                        <input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck"  id="allCheck" type="checkbox">
                      <span class="check"></span>
               </label>
              </th>
              <th class="table-col">序号</th>
              <th class="table-col">故障码</th>
              <th class="table-col">故障信息</th>
              <th class="table-col">部件类别</th>
              <th class="table-col">报警类别</th>
              <th class="table-col">故障级别</th>
              <th class="table-col">报警</th>
              <th class="table-col"  *ngIf="currentEntity?.multipleValue">测点</th>
            </tr>
          </thead>
          <tbody>
            <tr class="table-item" [ngClass]="{'__selected': currentFault?.faultId == faults[i].faultId}" *ngFor="let item of faultsData let i =index ">
              <td class="table-col">
                <label class="form-control __checkbox">
                    <input (click)="onItemCheack($event.target,faults[i])" type="checkbox"  [checked]="allCheckRef.checked">
                      <span class="check"></span>
                </label>
              </td>
              <td class="table-col" (click)="onSeletedChange(faults[i])">
                {{i+1}}
              </td>
              <td class="table-col" (click)="onSeletedChange(faults[i])">
                  <!-- background:Crimson; -->
                <span class="table-t" (click)="onSeletedChange(faults[i])" style="padding:2px 15px;border-radius:5px;" [ngStyle]="{'background':item.faultLevelColor}"> {{item?.faultCode}}</span>
              </td>
              <td class="table-col" (click)="onSeletedChange(faults[i])">
                <span class="table-t" (click)="onSeletedChange(faults[i])"> {{item?.faultDesc}}</span>
              </td>
              <td class="table-col" (click)="onSeletedChange(faults[i])">
                <span class="table-t" (click)="onSeletedChange(faults[i])"> {{item?.turbComponent }}</span>
              </td>
              <td class="table-col" (click)="onSeletedChange(faults[i])">
                <span class="table-t" (click)="onSeletedChange(faults[i])"> {{item?.alarmCategory }}</span>
              </td>
              <td class="table-col" (click)="onSeletedChange(faults[i])">
                <span class="table-t" (click)="onSeletedChange(faults[i])"> {{item?.faultLevel}}</span>
              </td>
              <td class="table-col" (click)="onSeletedChange(faults[i])" >
                <span class="table-t" (click)="onSeletedChange(faults[i])" > {{item?.unAlarm?"✔":"" }}</span>
              </td>
              <td  *ngIf="currentEntity?.multipleValue" class="table-col" (click)="onSeletedChange(faults[i])" >
                <span class="table-t" (click)="onSeletedChange(faults[i])" > {{item?.tagName}}</span>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  </div>
</div>
